<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>旋转蛋糕工坊</title>
    <link rel="stylesheet" href="../../../plugin/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../../../css/style.css">
</head>
<body>

<div class="container" id="app">

    <div class="row">
        <ul class="nav nav-tabs">
            <li>

                <a>主页</a>
            </li>
        </ul>
    </div>
    <div class="row">
        <div class="container">
            <a  v-for="cake in cakes"  :href="'cake_detail.html?cake_id='+cake.id">
            <div class="col-md-3" >
                <div class="panel panel-success">
                    <div class="panel-body">
                        <img style="width: 220px" src="https://imagecdn.lapetit.cn/postsystem/docroot/images/goods/202104/24273/list_24273.jpg"/>
                        {{cake.name}}
                    </div>
                    <div class="panel-footer">
                        {{cake.price}}
                    </div>
                </div>
            </div>
            </a>

        </div>
    </div>
</div>

</body>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.js"></script>
<script src="../../../plugin/jquery/jquery.js"></script>
<script src="../../../js/website/index.js"></script>


</html>